<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
        <title>15jQuery的attr方法</title>
        <script src="http://code.jquery.com/jquery-1.12.4.js" 
        integrity="sha256-Qw82+bXyGq6MydymqBxNPYTaUXXq7c8v3CwiYwLLNXU="
        crossorigin="anonymous"></script>
        <script>
            $(function (param) {
                /*
                1.attr(name|pro|key,val|fn)
                作用：获取或设置属性节点的值
                可以传递一个参数，也可以传递两个参数
                如果传递一个参数，代表获取节点的值
                如果传递两个参数，代表设置属性节点的值

                注意点：
                如果是获取：无论找到多少个元素，都只会返回第一个元素指定的节点的值
                如果是设置：找到多少个元素就会设置多少个元素
                如果设置的属性节点不存在，系统会自动新增


                2.removeAttr(name)
                作用：删除属性节点
                只传递一个参数

                注意点：
                会删除所有找到元素指定的属性节点
                如果想删除多个不同的属性节点，用空格隔开即可

                */

                $("span").attr("class","box");
                $("span").removeAttr("class");
                $("span").removeAttr("class name");
              });
        </script>
    </head>
    <body>
        <span class="span1" name="it666"></span>
        <span class="span2" name="lnj"></span>
    </body>
</html>